<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <link rel="shortcut icon" href="#" type="image/png">

    <title>用户注册</title>

    <link href="css/style.css" rel="stylesheet">
    <link href="css/style-responsive.css" rel="stylesheet">
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body class="login-body">

<div class="container" style="width: 50%;margin-left: 20%;margin-top: 10%;
background-color: #FFFFFF;opacity: 0.8;color: #000">
    <br><br><br>
    <div style="width:40%;float: left;height: 100%;line-height: 100%;color: #6495ED;font-size: 28px;
    font-family: 华文琥珀;font-weight: 900;text-align: center;margin-left: 4%">
        <div style="margin-top: 26%">
            <span >商院就业信息网用户注册</span><br><br></div>
        <span style="font-size: 14px;font-family: 仿宋;">Shangluo college employment information network user registration</span>
    </div>
    <div style="width: 55%;float: right;margin-top: -30px">
    <form class="form-signin"  action="" id="inserthello">
        <div class="login-wrap">
            <input type="text" autofocus="" placeholder="姓名" class="form-control" id="u_name" name="u_name">
            <input type="text" autofocus="" placeholder="账号" class="form-control" id="u_acount" name="u_acount" onblur="checkUserAcount()">
            <input type="password" placeholder="密码" class="form-control" id="u_password" name="u_password" >
            <input type="password" placeholder="确认密码" class="form-control" id="sure_password" name="sure_password">
            <select class="form-control" name = "u_Identity" id="u_Identity" style="font-size: 10px;background-color: #F0F0F0">
                <option id="useradd1" name="1">学生注册</option>
                <option id="useradd2" name="2">教师注册</option>
                <option id="useradd3" name="3">企业注册</option>
            </select>
            <label class="checkbox" style="margin-left: 6%">
                <input type="checkbox" value="agree this condition" name = checkbox> 我已认真阅读并同意
                <span style="color: #2A3542;" onclick = "showServer()">服务条款</span>
            </label>
            <button type="button" class="btn btn-lg btn-login btn-block"  onclick="sureinsert()">
                <i class="fa fa-check"></i>
            </button>

            <div class="registration">
                已有账号
                <a  class="" onclick="login_to()">
                    登录
                </a>
            </div>

        </div>

    </form>
    <div style="text-align: center;color: #8cc657">

    </div></div>

</div>



<!-- Placed js at the end of the document so the pages load faster -->

<!-- Placed js at the end of the document so the pages load faster -->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modernizr.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript">
    function sureinsert(){
        var u_acount = document.getElementById("u_acount").value;
        if(u_acount == null || u_acount==''){
            swal("账号不能为空!", "请输入账号", "error");
            return false;
        }
        var u_password = document.getElementById("u_password").value;
        if(u_password == null || u_password==''){
            swal("密码不能为空!", "请输入密码", "error");
            return false;
        }
        if(u_password.length<7){
            swal("密码须超过6位!", "请重新输入", "error");
            document.getElementById("u_password").value="";
            document.getElementById("sure_password").value="";
            return false;
        }
        var sure_password = document.getElementById("sure_password").value;
        if(sure_password != u_password ){
            swal("两次密码不一致", "请重新输入密码", "error");
            document.getElementById("u_password").value="";
            document.getElementById("sure_password").value="";
            return false;
        }
        var checkbox = document.getElementsByTagName('input')[4];
        var check = checkbox.checked;
        if(check !=true){
            swal("请同意服务条款!", "请仔细阅读服务条款后并进行勾选", "error");
            return false;
        }

            var data =  $('#inserthello').serialize();//表单序列化 form表单的id属性值

            $.ajax({
                url : "/user/insertuser",//url 统一资源定位符
                type : "POST",
                data : data,
                success : function(result) {
                    if(result=='添加成功'){
                        swal("注册成功!", "您可以进行登录了", "success");
                    }else if(result=='重复添加'){
                        swal("注册失败!", "请勿重复添加", "error");
                        return false;
                    }
                },
                error : function(data) {

                }
            });
    }
    function login_to(){
        window.location.href = "login";
    }


    function showServer(){

        swal({
            title: "商院就业信息服务条款",
            text: "欢迎注册商洛学院就业网用户,以下是商洛学院就业网为您提供服务的条款。您在使用商洛学院就业网提供的各项服务之前，请仔细阅读下列条款。您一旦使用商洛学院就业网的服务，即视为您已了解并完全同意本服务条款各项内容，包括商洛学院就业网对服务条款随时做的任何修改。如您有任何疑问，请及时联系我们。\n" +
                "1．    隐私保护\n" +
                "保护用户隐私是商洛学院就业网的重点原则，商洛学院就业网通过技术手段、提供隐私保护服务功能、强化内部管理等办法充分保护用户的个人资料安全。\n" +
                "商洛学院就业网保证不对外公开或向第三方提供用户注册的个人资料及用户在使用服务时存储的非公开内容，但下列情况除外：\n" +
                "（1）事先获得用户的明确授权；\n" +
                "（2）按照相关司法机构或政府主管部门的要求；\n" +
                "（3）商洛学院就业网的利益受到严重侵害。\n" +
                "2．    免责声明\n" +
                "商洛学院就业网会尽力维护广大用户的权益，但仍不可避免一些风险的存在。由此特别声明：\n" +
                "互联网是一个开放平台，用户将照片等个人资料上传到互联网上，有可能会被其他组织或个人复制、转载、擅改或做其它非法用途，用户必须充分意识此类风险的存在。用户已明确同意其使用全球网服务所存在的风险将完全由其自己承担；因其使用商洛学院就业网服务而产生的一切后果也由其自己承担。\n" +
                "商洛学院就业网不保证服务一定能满足用户的要求，也不保证服务不会中断，对服务的及时性、安全性、准确性也都不作保证。对于因不可抗力或商洛学院就业网无法控制的原因造成的网络服务中断或其他缺陷，商洛学院就业网不承担任何责任。\n",
            width:500,
            height:500
        })
    }


    function checkUserAcount(){
        var data = document.getElementById("u_acount").value//表单序列化 form表单的id属性值
        if(data.length>0){
            $.ajax({
                url : "/user/check_user?u_acount="+data,//url 统一资源定位符
                type : "POST",
                success : function(result) {
                    if(result != 'error') {
                        swal("用户名已被注册!", "请重新输入用户名", "error");
                        document.getElementById("u_acount").value = "";
                    }
                },
                error : function(data) {

                }
            });
        }
    }

</script>

</body>
</html>
